<template>
   <div class="row">
     <el-card  >
     <el-descriptions  border direction="vertical" title="我的信息">
       <el-descriptions-item label="用户名">{{userStore.userName}}</el-descriptions-item>
       <el-descriptions-item label="昵称">{{userStore.nickName}}</el-descriptions-item>
       <el-descriptions-item label="电话">{{userStore.phoneNumber}}</el-descriptions-item>
       <el-descriptions-item label="邮箱">{{userStore.email}}</el-descriptions-item>
       <el-descriptions-item label="当前状态"><el-tag size="small">正常</el-tag></el-descriptions-item>
       <el-descriptions-item label="角色">
         <el-tag size="small">{{userStore.role}}</el-tag>
       </el-descriptions-item>
       <el-descriptions-item label="创建于">
         2024-5-16 20：20
       </el-descriptions-item>
     </el-descriptions>
     </el-card>
   </div>
</template>

<script setup>
import {reactive} from "vue";
import {useUserStore} from "@/store/modules/user";
const  userStore =  useUserStore();

const state =reactive({
})

const method ={



}

</script>



<style scoped>
.main-container {
  width: 1200px;
}
</style>
